.peerEImage{
	position: absolute;
	display: none;
	float: left;
	opacity: 0.30;
}

.peer {
	background-color: hsla(240,75%,63%,0.85);
	cursor: url("../img/cursors/left_ptr.png"),auto;
	position: relative;
	float:left;
	width: 120px;
	height: 30px;
	border: 1px hsla(210,100%,75%,0.3) solid;
	font-family: verdana;
	color: #000;
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
}

.peer:hover{
	-webkit-box-shadow: 0px 0px 5px #5babe8;
	-moz-box-shadow: 0px 0px 5px #5babe8;
}

.peer .peerNumber {
	position:relative;
	float:left;
	font-size: 70%;
	width:40px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	background-color: hsla(240,75%,75%,0.85);
	-moz-border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
}

.peer .peerCallerID {
	position:relative;
	float:right;
	font-size:70%;
	width:80px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	font-family: Arial,verdana;
}

.peer .peerExtension {
	position:relative;
	float:left;
	width: 82px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 65%;
	font-family: verdana;
}

.peer .peerTime {
	position:relative;
	float:right;
	width: 38px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 55%;
	font-family: verdana;
}

/* ============== Ringin Peer =============== */

.rpeer {
	background-color: hsla(0,75%,50%,0.85);
	cursor: url("../img/cursors/left_ptr.png"),auto;
	position: relative;
	float:left;
	width: 120px;
	height: 30px;
	border: 1px hsla(0,100%,50%,0.3) solid;
	font-family: verdana;
	color: #000;
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
	-webkit-box-shadow: 0px 0px 5px #e85b5b;
	-moz-box-shadow: 0px 0px 5px #e85b5b;
}

.rpeer .peerNumber {
	position:relative;
	float:left;
	font-size: 70%;
	width:40px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	background-color: hsla(0,75%,75%,0.85);
	-moz-border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
}

.rpeer .peerCallerID {
	position:relative;
	float:right;
	font-size:70%;
	width:80px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	font-family: Arial,verdana;
}

.rpeer .peerExtension {
	position:relative;
	float:left;
	width: 82px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 65%;
	font-family: verdana;
}

.rpeer .peerTime {
	position:relative;
	float:right;
	width: 38px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 55%;
	font-family: verdana;
}

/* ============== Ringout Peer =============== */

.ropeer {
	background-color: hsla(60,75%,50%,0.85);
	cursor: url("../img/cursors/left_ptr.png"),auto;
	position: relative;
	float:left;
	width: 120px;
	height: 30px;
	border: 1px hsla(60,100%,50%,0.3) solid;
	font-family: verdana;
	color: #000;
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
	-webkit-box-shadow: 0px 0px 5px #e8e05b;
	-moz-box-shadow: 0px 0px 5px #e8e05b;
}

.ropeer .peerNumber {
	position:relative;
	float:left;
	font-size: 70%;
	width:40px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	background-color: hsla(60,75%,75%,0.85);
	-moz-border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
}

.ropeer .peerCallerID {
	position:relative;
	float:right;
	font-size:70%;
	width:80px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	font-family: Arial,verdana;
}

.ropeer .peerExtension {
	position:relative;
	float:left;
	width: 82px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 65%;
	font-family: verdana;
}

.ropeer .peerTime {
	position:relative;
	float:right;
	width: 38px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 55%;
	font-family: verdana;
}

/* ============== Peer in Call ============= */

.cpeer {
	background-color: hsla(0,75%,50%,0.85);
	cursor: url("../img/cursors/left_ptr.png"),auto;
	position: relative;
	float:left;
	width: 120px;
	height: 30px;
	border: 1px hsla(0,100%,50%,0.3) solid;
	font-family: verdana;
	color: #000;
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
}

.cpeer:hover {
	-webkit-box-shadow: 0px 0px 5px #e71f1f;
	-moz-box-shadow: 0px 0px 5px #e71f1f;
}

.cpeer .peerNumber {
	position:relative;
	float:left;
	font-size: 70%;
	width:40px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	background-color: hsla(0,75%,75%,0.85);
	-moz-border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
}

.cpeer .peerCallerID {
	position:relative;
	float:right;
	font-size:70%;
	width:80px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	font-family: Arial,verdana;
}

.cpeer .peerExtension {
	position:relative;
	float:left;
	width: 82px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 65%;
	font-family: verdana;
}

.cpeer .peerTime {
	position:relative;
	float:right;
	width: 38px;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size: 55%;
	font-family: verdana;
}